<%-- 
    Document   : modificarRiesgo
    Created on : 09/02/2011, 10:52:11 PM
    Author     : Patricia
--%>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>

<% request.setAttribute("allowed", "Gestionar Riesgos");%>
<%@ include file='../Templates/security.jsp' %>

<h1 class="title">Gestión de Riesgos</h1>

<hr>
<p class="meta"></p>
<div class="entry">
    <center>
        <h2>Modificar Riesgo</h2>
        <html:form method="POST" styleId="modificarRiesgoForm" enctype="multipart/form-data"  action="/modificarRiesgo" onsubmit="return modificarRiesgo();">
            <table>
                <tbody>
                    <tr>
                        <td>
                            <html:errors property = "rsg_fallido"/>
                        </td>
                    </tr>
                <input  id="submit" type="hidden" name="submit" styleId="submit" value ="">
                <input  id="nombreAnterior" type="hidden" name="nombreAnterior" value ="">
                <tr>
                    <td><font color="red">*&nbsp;</font>Nombre:</td>
                    <td>
                        <html:text property="nombre" styleId="nombre" size="40" onchange="existeRiesgo(value)"/>
                        <html:errors property = "nombre_rsg_requerido"/>
                        <html:errors property = "rsg_existente"/>
                        <html:errors property = "nombre_invalido"/>
                    </td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font>Tipo:</td>
                    <td>
                        <select id="Tipo" name ="tipo" length="100">
                            <script type="text/javascript">
                                $.getJSON("listaTiposRiesgo.do",
                                function(data) {
                                    $.each(data.TiposRiesgo, function(i,item){
                                        if ( item.nombre != tipoRiesgoO ){
                                            var string = "<option value='"+item.nombre+"'>"+item.nombre+"</option>";
                                            $('#Tipo').append(string)
                                        }
                                    });
                                });
                            </script>
                        </select>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font>Descripción:</td>
                    <td>
                        <html:textarea property="descripcion" styleId="descripcion" cols="30" rows="4" />
                        <html:errors property = "descripcion_rsg_requerido"/>
                    </td>
                </tr>
                <tr>
                    <td>Señalización:</td>
                    <td>
                        <html:file property="senalizacion" value="" size="40"/>
                        <%--<html:errors property = "senalizacion_rsg_requerido"/>--%>
                    </td>
                </tr>
                </tbody>
            </table>
            <br>
            <font color="red"><p>Los campos que tienen (*) son obligatorios.</p></font>
            <br>
            <html:submit value="  Modificar Riesgo  " onclick="cambiarSubmit()"/>
            <html:button property="" styleId="riesgos" value="  Atrás  "/>
        </html:form>
    </center>
</div>
<div style="clear: both;">&nbsp;</div>
<script type="text/javascript">
    function existeRiesgo(nombre){
        $.getJSON("getRiesgo.do", {nombreAux: nombre},
        function(data) {
            $.each(data.obtRiesgo , function(i,item){
                if (item.nombre == "undef"){
                    return false;
                }
                else{
                    alert("El nombre del Riesgo ya existe en la base de datos.")
                    $("#nombre").val(null);
                    return true;
                }
            });
        });
    }

    function comprueba_extension(archivo) {
        extensiones_permitidas = new Array( ".gif" );
        mierror = "";
        //recupero la extensión de este nombre de archivo
        extension = (archivo.substring(archivo.lastIndexOf("."))).toLowerCase();
        //alert (extension);
        //compruebo si la extensión está entre las permitidas
        permitida = false;
        for (var i = 0; i < extensiones_permitidas.length; i++) {
            if (extensiones_permitidas[i] == extension) {
                permitida = true;
                break;
            }
        }
        if (!permitida) {
            mierror = "Comprueba la extensión de los archivos a subir. \nSólo se pueden subir archivos con extensiones: " + extensiones_permitidas.join();
        }else{
            //submito!
            return 1;
        }
        //si estoy aqui es que no se ha podido submitir
        alert (mierror);
        $("#senalizacion").val(null);
        return 0;
    }

    function Nombre(valor){
        //expresion regular para telefonos
        //permite campos vacios y guiones
        var er_nombre = /^([a-zA-Z\s/\.]+)$/
        //usa el metodo test de expresion regular
        if(!er_nombre.test(valor)) {
            alert("El nombre del Riesgo debe poseer sólo valores alfabeticos")
            return false    //no submit
        }
        return true         //pasa al submit
    }

    var tipoRiesgoO = "";
    var nombre = "";

    // <!-- Agregar esta función lo necesario para llenar el formulario -->
    function llenarForm(){
        // Aqui se realiza la consulta a la BD (Cambia en todos los script)
        $.getJSON("modificarRiesgo.do",{flag: "ida"},
        function(data) {
            $.each(data.modificarRiesgoIda , function(i,item){
                nombre = item.nombre;
                $("#nombreAnterior").val(nombre);
                $("#nombre").val(nombre);
                // Aqui se van llenando los valores del formulario
                // DROP LIST - TIPO RIESGO
                if (tipoRiesgoO != item.tipo){
                    var tipoRiesgoS = "<option selected='selected' value='"+item.tipo+"'>"+item.tipo+"</option>";
                    tipoRiesgoO = item.tipo;
                    $("#Tipo").append(tipoRiesgoS);
                }
                $("#descripcion").val(item.descripcion);
            });
            // (Cambia en todos los script)
            // Lo unico que cambia en esta parte es el llamado del método
        });
        return false;
    }

    llenarForm();

    function cambiarSubmit(){
        $("#submit").val("submit");
        //$("#nombre").val(nombre);
    }
</script>